<template>
    <div class="filter-container">
       <el-input style="width: 200px;" class="filter-item" :placeholder="$t('table.activity.id')" v-model="listQuery.id">
      </el-input>
       <el-input style="width: 200px;" class="filter-item" :placeholder="$t('table.activity.title')" v-model="listQuery.title">
      </el-input>
       <el-input style="width: 200px;" class="filter-item" :placeholder="$t('table.activity.content')" v-model="listQuery.content">
      </el-input>
       <el-input style="width: 200px;" class="filter-item" :placeholder="$t('table.activity.createTime')" v-model="listQuery.createTime">
      </el-input>
       <el-input style="width: 200px;" class="filter-item" :placeholder="$t('table.activity.expTime')" v-model="listQuery.expTime">
      </el-input>
       <el-input style="width: 200px;" class="filter-item" :placeholder="$t('table.activity.createUserId')" v-model="listQuery.createUserId">
      </el-input>
       <el-input style="width: 200px;" class="filter-item" :placeholder="$t('table.activity.index')" v-model="listQuery.index">
      </el-input>
       <el-input style="width: 200px;" class="filter-item" :placeholder="$t('table.activity.startTime')" v-model="listQuery.startTime">
      </el-input>
       <el-input style="width: 200px;" class="filter-item" :placeholder="$t('table.activity.isHot')" v-model="listQuery.isHot">
      </el-input>
       <el-input style="width: 200px;" class="filter-item" :placeholder="$t('table.activity.img')" v-model="listQuery.img">
      </el-input>
       <el-input style="width: 200px;" class="filter-item" :placeholder="$t('table.activity.price')" v-model="listQuery.price">
      </el-input>
       <el-input style="width: 200px;" class="filter-item" :placeholder="$t('table.activity.personCount')" v-model="listQuery.personCount">
      </el-input>
       <el-input style="width: 200px;" class="filter-item" :placeholder="$t('table.activity.surplusCount')" v-model="listQuery.surplusCount">
      </el-input>
       <el-input style="width: 200px;" class="filter-item" :placeholder="$t('table.activity.addr')" v-model="listQuery.addr">
      </el-input>
       <el-input style="width: 200px;" class="filter-item" :placeholder="$t('table.activity.bmstartTime')" v-model="listQuery.bmstartTime">
      </el-input><el-button class="filter-item" type="primary" v-waves icon="el-icon-search" @click="handleQuery">{{$t('table.search')}}</el-button>
      <el-button class="filter-item" style="margin-left: 10px;" @click="createHandle" type="primary" icon="el-icon-edit">{{$t('table.add')}}</el-button>    
    </div>
</template>
<script>
import waves from '@/directive/waves'
export default {
  name: 'activityQuery',
  props: ['createHandle', 'queryHandle'],
  directives: {
    waves
  },
  data() {
    return {
      listQuery: {},
      importanceOptions: [1, 2, 3]
    }
  },
  methods: {
    handleQuery() {
      this.queryHandle(this.listQuery)
    }
  }
}
</script>

